@CHARSET "ISO-8859-1";

@font-face {
	font-family: 'snickles';
	src: url('../fonts/Snickles.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'dustimo';
	src: url('../fonts/dustismo-webfont.ttf');
	font-weight: normal;
	font-style: normal;
}
#boxViewPort {
	/* flexbox setup */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	display: box;
	box-orient: vertical;
}
#boxHeader {
	box-flex: 1;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	display: -moz-box;
	-moz-box-orient: horizontal;
	display: box;
	box-orient: horizontal;
	font-family: dustimo;
	background-color: hsla(41, 35%, 45%, 1.0);
}
#boxMainBody {
	box-flex: 2;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	display: -moz-box;
	-moz-box-orient: horizontal;
	display: box;
	box-orient: horizontal;
}
#appLeftBar {
	height: 582px;
	overflow-x: hidden;
	overflow-y: visible;
}
#appRightBar {
	height: 582px;
	overflow-x: hidden;
	overflow-y: visible;
}
#appBodyContent {
	height: 582px;
	overflow-x: hidden;
	overflow-y: visible;
}
div {
	//border: 1px solid;
}
#appLogo {

	font-family: snickles;
	font-size: 200%;
	width: 10%;
	color: hsla(41, 20%, 10%, 1.0);
}
#boxTopNav {
	padding-top: 15px;
	padding-bottom: 0px;
	box-flex: 1;
	/*width: 80%;*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	display: box;
	box-orient: horizontal;
}
#appTopNav {

}
#appToolbar {
	box-flex: 2;
	padding-top: 2px;
	padding-bottom: 4px;
	background-color: hsla(41, 50%, 75%, 1.0);
	border-top-left-radius: 20px 20px;
	border-top-right-radius: 10px;
	height: 20px;
	width: 1100px;
	/*background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0, hsla(70,3%,60%,0.4)),color-stop(1, white)); */
}
#boxMainBody {
	box-flex: 2;
	height: 656px;
	font-family: dustimo;
	background-color: hsla(41, 100%, 20%, 0.2);
	/*background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0, hsla(190,10%,80%,0.4)),color-stop(1, hsla(190,90%,90%,0.4)));*/
}
#appLeftBar {
	box-flex: 1;
	width: 10%;
	background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0, hsla(41, 35%, 45%, 1.0)),color-stop(1, hsla(41, 90%, 10%, 1)));
}
#boxBody {
	box-flex: 2;
	width: 90%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	display: box;
	box-orient: vertical;
}
#boxMessageBar {
	height: 20px;
	padding: 0.6%;
	width: 100%;
}
#appBodyContent {
	box-flex: 1;
}
#appPageHeading {
	font-weight: bold;
}
#appMessageBar {
}
#appRightBar {
	background-color: red;
	background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0, hsla(41, 35%, 45%, 1.0)),color-stop(1, hsla(41, 90%, 10%, 1)));
}
body {
	/*background-color: #6D7B8D;*/
	/*font-family: dustimo;*/
}
#appToolbar ul {
	padding: 5px 0;
	margin: 0;
	padding-bottom: 0px;
	font-size: 95%;
}
#appToolbar ul li {
	display: inline;
	padding: 10px;
}
#appToolbar a {
	text-decoration: none;
}
#appToolbar a:link {
	color: #000;
}
#appToolbar a:visited {
	color: #000;
}
#appToolbar a:active {
	color: #000;
}
#appToolbar a:focus {
	color: #666;
}
#appToolbar a:hover {
	color: #FFF;
	/*background-color: #666;*/
	border-bottom-color: #FF8000;
	text-decoration: none;
}
#simplefileupload {
	font-size: small;
	margin: 0;
}
#drop_zone {
	height: 60px;
	margin: 0;
	width: 200px;
	text-align: center;
	vertical-align: center;
	background-color: hsla(41, 50%, 75%, 1.0);
	border: dashed 2px;
	border-color: hsla(41, 100%, 20%, 0.2);
	overflow-x: hidden;
}
#billpreview {
	height: 580px;
	width: 280px;
	text-align: center;
	vertical-align: center;
	background-color: hsla(41, 50%, 75%, 1.0);
	
	border-color: hsla(41, 100%, 20%, 0.2);
	overflow-y: hide;
}
#receiptView {
	overflow-y: auto;
}


